/*
 * @Author: 肖思汗 
 * @Date: 2025-05-19 22:17:08 
 * @Last Modified by: 肖思汗
 * @Last Modified time: 2025-07-19 17:28:50
 */

.leftTop {
    position: absolute;
    width: 240rpx;
    left: 20rpx;
    z-index: 1;

    &.hide {
        display: none;
    }

    .switchStyle {
        width: 220rpx;
        height: 65rpx;
        background: #FFFFFF;
        border-radius: 38rpx;
        padding: 14rpx 24rpx;
        margin: 0 auto;
        font-size: 28rpx;
        font-weight: bold;
        color: #212219;
        box-sizing: border-box;

        .clothIcon {
            width: 34rpx;
            height: 34rpx;
            vertical-align: middle;
            margin-right: 20rpx;
        }
    }

    .colorList {
        position: relative;
        margin-top: 10rpx;

        :global(.colorItemBoder) {
            margin: 10rpx 2rpx 0rpx 0rpx;
        }

        // .colorBlock {
        //     display: inline-block;
        //     width: 40rpx;
        //     height: 40rpx;
        //     margin: 5rpx;
        //     // background-color: #ff0000;
        //     border-radius: 50%;
        //     border: 4rpx solid #F2F2F2;

        //     &.active {
        //         border: 4rpx solid #fd7901;
        //         box-shadow: 0px 0px 10rpx #fd7901;
        //     }
        // }

        .open {
            position: absolute;
            display: block;
            left: 100%;
            top: 12rpx;
            box-sizing: border-box;
            width: 60rpx;
            height: 60rpx;
            border: 0px;
        }

    }

    .colorBlockBox {
        padding: 0rpx 0rpx 0rpx 10rpx;
        text-align: center;

        .text {
            display: inline-block;
            padding-top: 25rpx;
            vertical-align: middle;
        }

        .colorBlock {
            display: inline-block;
            vertical-align: middle;
            width: 80rpx;
            height: 50rpx;
            margin-top: 15rpx;
            border-radius: 8rpx;
            box-shadow: 2rpx 2rpx 6rpx rgba(0, 0, 0, 0.5);
            z-index: 1;
        }
    }


}